﻿@{
    ViewBag.Title = "Client";
}

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<div>
 
             <div id="logindisplay">
                 <a class="button" href="LogOff">
                 <img src="../../Content/Image/button.png" alt="" />Log Off</a> 
               </div>
</div>


        <h3>Client</h3>
            <ul id="sti-menu" class="sti-menu">
				<li data-hovercolor="#37c5e9">
					<a href="../GuestBookEntries/Create">
						<h2 data-type="mText" class="sti-item">GuestBook</h2>
						<h3 data-type="sText" class="sti-item">Personalized to your needs</h3>
						<span data-type="icon" class="sti-icon sti-icon-guestBook sti-item"></span>
					</a>
				</li>
           	    <li data-hovercolor="#37c5e9">
					<a href="@Url.Action("Survey", "Home")">
						<h2 data-type="mText" class="sti-item">Feedback</h2>
						<h3 data-type="sText" class="sti-item">We want to know about your experience!</h3>
						<span data-type="icon" class="sti-icon sti-icon-statistics sti-item"></span>
					</a>
				</li>
                <li data-hovercolor="#37c5e9">
					<a href="@Url.Action("downloadFiles", "Drive")">
						<h2 data-type="mText" class="sti-item">Download Photos</h2>
						<h3 data-type="sText" class="sti-item">We want to know about your experience!</h3>
						<span data-type="icon" class="sti-icon sti-icon-photos sti-item"></span>
					</a>
				</li>
             </ul>
             </br>
             </br>
             </br>
             </br>
             </br>
             </br>
             </br>
             </br>
             </br>
             </br>
             </br>
             </br>
             </br>
             </br>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
		<script type="text/javascript" src="../../Scripts/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="../../Scripts/jquery.iconmenu.js"></script>
		<script type="text/javascript">
		    $(function () {
		        $('#sti-menu').iconmenu({
		            animMouseenter: {
		                'mText': { speed: 150, easing: 'jswing', delay: 0, dir: 1 },
		                'sText': { speed: 150, easing: 'jswing', delay: 0, dir: 1 },
		                'icon': { speed: 150, easing: 'jswing', delay: 0, dir: 1 }
		            },
		            animMouseleave: {
		                'mText': { speed: 100, easing: 'jswing', delay: 0, dir: 1 },
		                'sText': { speed: 100, easing: 'jswing', delay: 0, dir: 1 },
		                'icon': { speed: 100, easing: 'jswing', delay: 0, dir: 1 }
		            },
		            boxAnimSpeed: 0
		        });
		    });
		</script>
   